<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>题库题目列表</title>
		<script src="../../../common/jquery-3.4.1.min.js"></script>
		<script src="../../../../layui/layui/layui.js"></script>
		<script src="../../../user/notice/zUI.js"></script>
		<script src="questionList.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../../font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" href="../../../../layui/layui/css/layui.css">
		<link rel="stylesheet" href="../../../user/notice/reset.css">
		<link rel="stylesheet" type="text/css" href="../../../common/common.css" />
		<link rel="stylesheet" type="text/css" href="questionList.css" />
		<style>
			/* 修改头像 */
			#test2 {
				margin: 20px 30px;
			}

			.img1 {
				margin: 8px;
				margin-bottom: 45px;
			}
		</style>
	</head>
	<body>
		<!-- 修改头像 -->
		<div id="test2" style="display: none;">
			<div class="form-group">
				<div class="img1"><label>图片：</label></div>
				<img src=" " alt="" id="img" />
				<input type="file" name="file" id="uploadImage">
			</div>
		</div>
		<!-- 添加题目 -->
		<div class="addQues">
			<button type="button" class="layui-btn" onclick="add()">添加题目</button>
		</div>
		<!-- 弹窗 -->
		<div id="testtm" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">题目类型</label>
					<div class="layui-input-block" id="IsPurchased">
						<input type="radio" name="qtype" value="填空题" title="填空题" lay-filter="aaa" class="ah">
						<input type="radio" name="qtype" value="单选题" title="单选题" lay-filter="aaa" class="ah" checked="checked">
						<input type="radio" name="qtype" value="多选题" title="多选题" lay-filter="aaa" class="ah">
						<input type="radio" name="qtype" value="主观题" title="主观题" lay-filter="aaa" class="ah">
					</div>
				</div>
				<div class="tagsLimit" style="width: 90%; margin: 20px auto;">
					<div class="surtags">
						<input type="text" placeholder="请输入要查询的标签" id="findtap">
						<button onclick="findTag()" type="button" class="search lauui-btn layui-btn-primary"><i
								class="layui-icon layui-icon-search"></i>搜索</button>
					</div>
					<div class="tagList" id="tagList">
					</div>
					<!-- 用户选择的tag -->
					<div class="tagCheck">选中的标签栏：</div>
					<div id="tags"></div>
				</div>
				<div class="layui-form-item layui-form-text" style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">题干</label>
					<div class="layui-input-block">
						<textarea name="desc" placeholder="请输入题干" class="layui-textarea" id="ques"></textarea>
					</div>
				</div>
				<div class="nishuo">
					<label class="layui-form-label" style="width:90%;text-align: left;margin-left: 20px;">题目选项</label>
					<div class="layui-form-item" pane style="width: 90%; margin: 0px auto;">
						<label class="layui-form-label" style="text-align: left;">A</label>
						<div class="layui-input-block">
							<input type="text" name="" required lay-verify="required" placeholder="" autocomplete="off"
								class="choice layui-input">
						</div>
					</div>
					<div class="disa layui-form-item" pane style="width: 90%; margin: 0px auto;">
						<label class="layui-form-label" style="text-align: left;">B</label>
						<div class="layui-input-block">
							<input type="text" name="password" required lay-verify="required" placeholder=""
								autocomplete="off" class="choice layui-input">
						</div>
					</div>
					<div class="disa layui-form-item" pane style="width: 90%; margin: 0px auto;">
						<label class="layui-form-label" style="text-align: left;">C</label>
						<div class="layui-input-block">
							<input type="text" name="password" required lay-verify="required" placeholder=""
								autocomplete="off" class="choice layui-input">
						</div>
					</div>
					<div class="layui-form-item" pane style="width: 90%; margin: 0px auto;">
						<label class="layui-form-label" style="text-align: left;">D</label>
						<div class="layui-input-block">
							<input type="text" name="password" required lay-verify="required" placeholder=""
								autocomplete="off" class="choice layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item layui-form-text" style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">答案</label>
					<div class="layui-input-block">
						<textarea name="desc" placeholder="请输入题目答案" class="layui-textarea" id="answer"></textarea>
					</div>
				</div>
				<div class="layui-form-item layui-form-text" style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">答案解析</label>
					<div class="layui-input-block">
						<textarea name="desc" placeholder="请输入答案解析" class="layui-textarea" id="any"></textarea>
					</div>
				</div>
			</form>
		</div>
		<!-- 重设密码 -->
		<div id="test1" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">原密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入原密码"
							autocomplete="off" class="layui-input" id="password">
					</div>
				</div>
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
							autocomplete="off" class="layui-input" id="newPassword">
					</div>
				</div>
			</form>
		</div>
		<!-- 水平导航-->
		<ul class="layui-nav level" lay-filter="">
			<li class="layui-nav-item"><a href="../../index/index.html">首页</a></li>
			<li class="layui-nav-item layui-this">
				<a href="javascript:;" id="head"></a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd onclick="change1()">修改头像</dd>
					<dd onclick="change()">修改密码</dd>
					<dd onclick="logout()">退出登录</dd>
				</dl>
			</li>
		</ul>

		<input type="text" name="password" required lay-verify="required" placeholder="用关键词搜索相关题目" autocomplete="off"
			class="layui-input" id="searchByword">
		<button type="button" class="layui-btn" id="searchBy" onclick="searchByWord()"><i class="layui-icon layui-icon-search" ></i>搜索</button>
		<!-- 侧边导航-->
		<ul class="layui-nav layui-nav-tree vertical" lay-filter="test">
			<li class="layui-nav-item"><a href="../../staffInfo/staffInfo.html">人员信息</a></li>
			<li class="layui-nav-item"><a href="../../auditMsg/auditMsg.html">留言审核</a></li>
			<li class="layui-nav-item"><a href="../../filesUpload/filesUpload.html">公告与资料上传</a></li>
			<li class="layui-nav-item">
				<a href="javascript:;">考试管理</a>
				<dl class="layui-nav-child">
					<dd>
						<a href="../../examDep/generPaper/generPaper.html">组卷</a>
					</dd>
					<dd><a href="../../examDep/preList/preList.html">未考试卷</a></dd>
					<dd><a href="../examDep/preCorList/preCorList.html">已考未改试卷</a></dd>
					<dd><a href="../../examDep/reCorList/reCorList.html">已改试卷</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item layui-nav-itemed">
				<a href="javascript:;">题库</a>
				<dl class="layui-nav-child">
					<dd class="layui-this"><a href="">题目</a></dd>
					<dd><a href="../tagList/tagList.html">标签</a></dd>
				</dl>
			</li>
		</ul>

		<div class="qtitle">
			<div>题</div>
			<div>库</div>
		</div>

		<div class="container">
			<div id="demo">
				<div class="box">
					<!-- 题库标题 -->
					<!-- 题目列表 -->
					<div class="queListBox">
						<!-- 						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>
							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques">衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span class="anss">正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span class="anss">答案解析：</span><span
											class="des">全国等级考试英语听力的第一题就是衬衫的价格。全国等级考试英语听力的第一题就是衬衫的价格。全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>
						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>

							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques"><span>1.</span>衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span>正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span>答案解析：</span><span>全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>

						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>

							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques">1.衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span>正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span>答案解析：</span><span>全国等级考试英语听力的第一题就是衬衫的价格。全国等级考试英语听力的第一题就是衬衫的价格。全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>

						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>

							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques">1.衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span>正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span>答案解析：</span><span>全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>

						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>

							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques">1.衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span>正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span>答案解析：</span><span>全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>

						<div class="queList">
							<div class="top">
								<div>
									<span>题号：245634</span>
									<span>题型：单选题</span>
								</div>
								<div>
									<span>出题人：陈陈</span>
									<span>正确率：78%</span>
								</div>

							</div>
							<div class="mid">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<div class="ques">1.衬衫的价格是？</div>
										<div class="layui-input-block">
											<div><input type="radio" name="sex" value="A" title="九磅十五便士"></div>
											<div><input type="radio" name="sex" value="B" title="九磅五便士"></div>
											<div><input type="radio" name="sex" value="C" title="十磅五便士"></div>
											<div><input type="radio" name="sex" value="D" title="十磅九五便士"></div>
										</div>
									</div>
								</form>
								<div class="answer">
									<div class="ansA">
										<span>正确答案：</span><span class="qans">A</span>
									</div>
									<div class="ansB">
										<span>答案解析：</span><span>全国等级考试英语听力的第一题就是衬衫的价格。</span>
									</div>
								</div>
							</div>
							<div class="botm">
								<span>标签：</span><span>javascript</span>、<span>前端</span>
							</div>
						</div>
					 -->
					</div>
				</div>
			</div>
		</div>

		<!-- 分页 -->
		<div class="fenye">
			<div class="fenye1">
				<div class="zuiqian">
					<i class="fa fa-angle-double-left"></i>
				</div>
				<div class="qian" onclick="shangyiye1()">
					<i class="fa fa-angle-left"></i>
				</div>
				<div class="tiaozhuan">
					<input type="" name="" id="shuruyeshu1" value="" />
				</div>
				<div class="tiaozhuan1" onclick="shuruys1()">
					跳转
				</div>
				<div class="zongyeshu">
					共1页
				</div>
				<div class="dangqianye">
					第1页
				</div>
				<div class="hou" onclick="xiayiye1()">
					<i class="fa fa-angle-right"></i>
				</div>
				<div class="zuihou" onclick="zuihouyiye1()">
					<i class="fa fa-angle-double-right"></i>
				</div>
				<div class="clear">

				</div>
			</div>
		</div>

		<script>
			$(function() {
				$("#demo").panel({
					iWheelStep: 32
				});
			});
		</script>

		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>

	</body>
</html>
